<template>
  <!-- 一个.vue文件就是一个组件, 一个项目中只有一个根组件 App.vue -->
  <!-- 一个.vue文件内部一般是由三部分组成: template , script , style -->
  <!-- template 内部写标签 , 只能有一个根元素 -->
  <!-- script 内部写js逻辑 , 内部需要 export default {}, 所有的js代码都需要写在这里 -->
  <!-- style 内部写css样式 , 可以通过lang='xx'指定style内部的css语法 , 可以通过设置 scoped 属性 让多个.vue文件之间的样式互不影响 -->
  <div id="app">
    <!-- <h1>Vuejs项目</h1> -->
      <!-- 顶部大图 -->
     <Top></Top>


      <!-- 列表区域 -->
     <list></list>

      <!-- tabber  底部抱抱团 -->
   <Tabber></Tabber>

  </div>
</template>

<script>
// 导入组件
import Top from "./components/Top.vue"
import list from "./components/list.vue"
import Tabber from "./components/Tabber.vue"
export default {
      components:{
        Top,
        list,
        Tabber


      }
}
</script>

<style lang="scss" scoped>

</style>
